﻿@charset "utf-8";
/* CSS Document */

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	font: 1em Arial, Helvetica, sans-serif,"微软雅黑";
	color: #808080;
	font-family:"微软雅黑";
}
a {
	color: #026acb;
	color:#808080;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* list */
ul, ol {
	margin: 0 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-family:"微软雅黑";
	line-height: 1.5em;
	margin:0;
	color: #fff;
	font-weight:normal;
}
h1 {
	font-size: 3.6em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}
.F3em{ font-size:3em; margin:0.25em auto 0.1em auto;}
.F2_5em{	font-size:2.5em;}
.F2em{ font-size:2em; margin:0.25em auto 0.1em auto;}
.F1_5em{	font-size:1.5em;}
.F1_2em{	font-size:1.2em;}
.F1em{ font-size:1em;}
.F08em{ font-size:0.8em;}
.F05em{ font-size:0.5em;}
.FloatLeft{float:left;}
.FloatRight{float:right;}
.TxtAlignCenter{ text-align:center; margin:0 auto;}
.strong{ font-weight:bold;}
.MarginLR1em{margin:0.5em 1.25em 0.5em 0em;}
.Margin2emA2emA{ margin:2em auto;}
.Margin1emA1emA{ margin:1em auto;}
.Green{color:#009a3d;}
.Gray{ color:#808080;}
.GrayCCC { color:#ccc;}
.Blue{ color:#1072aa;}
.W3em{ width:3em;}
.W2h2em{width:3em; height:3em;}
.Black{ color:#000;}
.RedF00{color:#d70c18;}
.RedF60{color:#da4712;}
.RedF90{color:#e29300;}
.white{ color:#fff;}
.bgGreen1{background-color:#009a3d;}
.bgGreen{background-color:#DCF0CB;}
.bgBlue{background-color:#1072aa;}
.bgGreen2{background-color:#88c897;}
.bgBlack{background-color:#808080;}
.bgGray{ background-color:#f0f0f0;}
.bgCCC{ background-color:#ccc;}
.bgRed{ background-color:#d70c18;}
.bgOringe{ background-color:#e29300;}
.bgYellow{ background-color:#edd900;}
.bgFF9{ background-color:#FF9;}
.bgFF6{ background-color:#edd900;}
.borderOringe{border-bottom:1px #e29300 solid;}
.borderRed{
	min-width:20%;
	height:2em;
	line-height:2em;
	font-family:"微软雅黑";
	font-size:1.2em;
	margin:0.5em auto;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
	border-style:none;
	border:1px #FF0000 solid;
	color:#808080;
	padding-left:1em;
	overflow:auto;
	}
.bdGreen{
	min-width:20%;
	height:2em;
	line-height:2em;
	font-family:"微软雅黑";
	font-size:1.2em;
	margin:0.5em auto;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
	border-style:none;
	border:1px #88c897 solid;
	color:#88c897;
	padding-left:1em;
	overflow:auto;
	}

.borderGreen{border-bottom:1px #009a3d solid;}
.txtCenter{ margin:0.5em; line-height:2em;}
.coner04em{
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	border-radius: 0.4em;
}
.paddingLR05em{padding:0 1em; margin-right:0.5em;}
.paddingTB05em{padding:0.5 0.25em; margin:1em;}
.padding05em{padding:0.5em 1em; margin:0.25em 0.25em;}
.padding02em{padding:0.1em 0.6em; margin:0.25em 0.25em;}
.padding05emMarginR1px{padding:0.4em 0.4em; margin-right:1px;}
.btn{ cursor:pointer; float:left;}
.btn:hover{ background:#009a3d;}
.btn2{ cursor:pointer;}
.btn2:hover{Filter:Alpha(opacity=60); -moz-opacity:0.6; -ms-opacity:0.6; -webkit-opacity:0.6; -o-opacity:0.6; opacity:0.6}
.line1pxDot{
	border-bottom:1px #ccc dashed;
	padding-bottom:1em;
	margin-bottom:1em;
	}
.boldLine{height:0.5em; line-height:6em; float:left; width:15%; margin:6em 0px;
animation:grow3 1s;
-moz-animation:grow3 1s;
-ms-animation:grow3 1s;
-o-animation:grow3 1s;
-webkit-animation:grow3 1s;}
@keyframes grow3
{
0%    { display:none; width:0%; opacity:0;}
100%  {display:block; width:15%;opacity:1;}
}
@-webkit-keyframes grow3
{
0%    { display:none; width:0%; opacity:0;}
100%  {display:block; width:15%;opacity:1;}
}
@-moz-keyframes grow3
{
0%    { display:none; width:0%; opacity:0;}
100%  {display:block; width:15%;opacity:1;}
}
@-o-keyframes grow3
{
0%    { display:none; width:0%; opacity:0;}
100%  {display:block; width:15%;opacity:1;}
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
.TopFixed{ 
	color:#ccc;
	height:8.5em; width:100%;	
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#f9f9f9));
	background: -moz-linear-gradient(top,  #eee,  #f9f9f9);
	background: linear-gradient(0deg, #eee, #f9f9f9);
	z-index:100001;}
.TopFixed_auto{ 
	position:fixed;
	margin:0 auto;
	top:0;
	height:auto; width:100%;
	line-height:3em;	
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#f9f9f9));
	background: -moz-linear-gradient(top,  #eee,  #f9f9f9);
	background: linear-gradient(0deg, #eee, #f9f9f9);
	z-index:100001;}
.TopFixed nav a{color:#ccc; font-weight:bold;}
.TopBox{width:100%-2px; margin:0 auto;	border:1px #808080 solid; height:30px;
	background: -webkit-gradient(linear, center top, center bottom, from(#808080), to(#808080));
	background: -moz-linear-gradient(top,  #808080,  #808080);
	background: linear-gradient(0deg, #808080, #808080);
	}
.TopBox nav{ float:left; margin-left:1em; line-height:30px;}
.TopBox nav:first-child{ margin-left:12%;}
.TopBox ul{ list-style:none;margin-right:12%}
.TopBox li{ float:right; margin-left:2em; line-height:30px;}
.TopBox li:first-child{ font-weight:bold; color:#f9f9f9; font-size:1.2em;}
.TopBox li:first-child span{ padding:0.5em;}
.TopBox li a{color:#ccc; line-height:30px;}

#pagewrap {
	position:absolute;
	width: 100%;
	height:100%;
	margin: 0 auto;
	background-color:#fff;
}

/************************************************************************************
HEADER
*************************************************************************************/
#head{
	width:100%;
	margin:0 auto;
	margin-top:0em;
	}
#menu{
	width:85%;
	margin:0 auto;
	}
/************************************************************************************
MENU
*************************************************************************************/
#logo-nav{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width:50%;
	}
#logo-nav li{ line-height:3em;}
#logo-nav li img{
	float:left;
	margin-right:0em;
	cursor:pointer;
	}
#logo-nav a {
	font-family:"微软雅黑";
	font-size:1.4em;
	color: #808080;
	display: block;
	text-decoration: none;
	float:left;
	padding:0em 0 0 1em;
	line-height:3em;
}
#menu-nav {
	width: 80%;
	margin: 0 auto;
	padding: 0;
	z-index: 100;
	height:100%;
	/* gradient */
}
#menu-nav li {
	margin: 0;
	padding: 0;
	line-height:3em;
	list-style: none;
	float: left;
	position: relative;
}
#menu-nav li:first-child {
	margin-left: 1em;
}
#menu-nav a {
	font-family:"微软雅黑";
	font-size:1.4em;
	line-height:3em;
	font-weight:normal;
	color: #000;
	display: block;
	padding: 0em 1em 0 1em;
	margin:0em auto;
	text-decoration: none;
	border-radius:0.4em;
	-moz-border-radius:0.4em;
	-ms-border-radius:0.4em;
	-o-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	}
#menu-nav a:hover {
	color: #fff;
	background: #474747;
	height:3em;
	/* gradient */
	background: -webkit-gradient(linear, center top, center bottom, from(#1072aa), to(#009a3d));
	background: -moz-linear-gradient(top,  #1072aa,  #009a3d);
	background: linear-gradient(-180deg, #1072aa, #009a3d);
}

.dropdown {
	position: relative;
	overflow: hidden;
	width:5.25em;
	float:left;
	line-height:3em;
	margin-top:1em;
}
.dropdown:before, .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 1em;
  right: 20px;
  width: 0;
  height: 0;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
.dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
.dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}

.dropdown-select {
	font-family:"微软雅黑";
	position: relative;
	width: 100%;
	margin: 0;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #000;
	/* Fallback for IE 8 */
	background: #f2f2f2;
	/* "transparent" doesn't work with Opera */
	background: rgba(0, 0, 0, 0) !important;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance:none;
}
.dropdown-select:focus {
  z-index: 3;
  width: 100%;
  color: #394349;
}
.dropdown-select > option {
  margin: 3px;
  padding: 6px 8px;
  text-shadow: none;
  background: #f2f2f2;
  border-radius: 3px;
  cursor: pointer;
}

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
  z-index: 1;
}
.lt-ie9 .dropdown-select {
  z-index: -1;
}
.lt-ie9 .dropdown-select:focus {
  z-index: 3;
}

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
  .dropdown-select {
    padding-left: 6px;
  }
}
/************************************************************************************
index.html 首页
************************************************************************************/
/* slide */
.slide-main{ height: 300px; position: relative; margin-bottom:2em;}
.prev,.next{ display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 130px; overflow: hidden; cursor: pointer; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); _border: 1px solid none; }
.prev{ left:70px; }
.next{ right: 70px; }
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.item{ display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 260px; left: 0; text-align: center; }
.item a{ display: inline-block; width: 24px; height: 5px; margin-right: 11px; background: #444; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); overflow: hidden; }
.item a.cur{ background: #fff; }
.slide-box,.slide{ display: block; width: 100%; height: 300px; overflow: hidden;  }
.slide-box{ position: relative; }
.slide{ display: none; height: 300px;position: relative; position: absolute; z-index: 8; }
.slide a{ display: block; width: 100%;cursor: pointer; }


#Index_ad{
	width:100%;
	margin:0em auto 3em auto;
	min-height:300px;
	background:url(../images/slider-bg.jpg) 0px 0px;
	float:left;
	box-shadow:0px 1px 20px -5px #000 inset;
	overflow:hidden;
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}
.hidden{ display:none;}
.ren{
	position:absolute;	
	left:-3em;
	top:5em;
	z-index:99999;
	animation:leftToright 1s;
	animation-delay: 2s;
	-moz-animation:leftToright 1s; /* Firefox */
	-webkit-animation:leftToright 1s; /* Safari and Chrome */
	-o-animation:leftToright 1s; /* Opera */
	-ms-animation:leftToright 1s;
	}
@keyframes leftToright
{
0%    {left:-10em; opacity:0;}
100%  {left:-3em;opacity:1;}
}
@-webkit-keyframes leftToright
{
0%    {left:-10em; opacity:0;}
100%  {left:-3em;opacity:1;}
}
@-moz-keyframes leftToright
{
0%    {left:-10em; opacity:0;}
100%  {left:-3em;opacity:1;}
}
@-o-keyframes leftToright
{
0%    {left:-10em; opacity:0;}
100%  {left:-3em;opacity:1;}
}
@-ms-keyframes leftToright
{
0%    {left:-10em; opacity:0;}
100%  {left:-3em;opacity:1;}
}
.word{
	position:absolute;
	right:20em;
	top:5em;
	animation:chuxian 1.25s;
	animation-delay:1s;
	-moz-animation:chuxian 1.25s; /* Firefox */
	-webkit-animation:chuxian 1.25s; /* Safari and Chrome */
	-o-animation:chuxian 1.25s; /* Opera */
	-ms-animation:chuxian 1.25s;
	}
@keyframes chuxian
{
0%    {top:4em;opacity:0;}
100%  {top:5em;opacity:1;}
}
@-webkit-keyframes chuxian
{
0%    {top:4em;opacity:0;}
100%  {top:5em;opacity:1;}
}
@-moz-keyframes chuxian
{
0%    {top:4em;opacity:0;}
100%  {top:5em;opacity:1;}
}
@-o-keyframes chuxian
{
0%    {top:4em;opacity:0;}
100%  {top:5em;opacity:1;}
}
@-ms-keyframes chuxian
{
0%    {top:4em;opacity:0;}
100%  {top:5em;opacity:1;}
}
.btn_regest{
	position:absolute;
	right:20em;
	top:12em;
	animation:jianxian 1.25s;
	animation-delay:1s;
	-moz-animation:jianxian 1.25s; /* Firefox */
	-webkit-animation:jianxian 1.25s; /* Safari and Chrome */
	-o-animation:jianxian 1.25s; /* Opera */
	-ms-animation:jianxian 1.25s;
	}
@keyframes jianxian
{
0%    {width:0px;opacity:0;}
100%  {width:260px;opacity:1;}
}
@-webkit-keyframes jianxian
{
0%    {width:0px;opacity:0;}
100%  {width:260px;opacity:1;}
}
@-moz-keyframes jianxian
{
0%    {width:0px;opacity:0;}
100%  {width:260px;opacity:1;}
}
@-o-keyframes jianxian
{
0%    {width:0px;opacity:0;}
100%  {width:260px;opacity:1;}
}
@-ms-keyframes jianxian
{
0%    {width:0px;opacity:0;}
100%  {width:260px;opacity:1;}
}
.desk{
	position:absolute;
	top:230px;
	animation:downToup 1.25s;
	-moz-animation:downToup 1.25s; /* Firefox */
	-webkit-animation:downToup 1.25s; /* Safari and Chrome */
	-o-animation:downToup 1.25s; /* Opera */
	-ms-animation:downToup 1.25s;
	}
@keyframes downToup
{
0%    {height:0px;opacity:0;}
100%  {height:75px;opacity:1;}
}
@-webkit-keyframes downToup
{
0%    {height:0px;opacity:0;}
100%  {height:75px;opacity:1;}
}
@-moz-keyframes downToup
{
0%    {height:0px;opacity:0;}
100%  {height:75px;opacity:1;}
}
@-o-keyframes downToup
{
0%    {height:0px;opacity:0;}
100%  {height:75px;opacity:1;}
}
@-ms-keyframes downToup
{
0%    {height:0px;opacity:0;}
100%  {height:75px;opacity:1;}
}

#banner2{
	width:100%;
	margin:0em auto 3em auto;
	min-height:300px;
	background:url(../images/beijing.jpg) no-repeat;
	float:left;
	box-shadow:0px 1px 20px -5px #000 inset; 
	}
.index_ad_content{
	width:80%;
	height:100%;
	margin:0 auto;
	}
.index_nember1{
	background-image:url(../images/slide1.png);
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
	width:263px;
	height:256px;
	margin-top:-4em;
	margin-left:6%;
	transition:1s;
	animation:index_myfirst2 1s;
	-moz-animation:index_myfirst2 1s; /* Firefox */
	-webkit-animation:index_myfirst2 1s; /* Safari and Chrome */
	-o-animation:index_myfirst2 1s; /* Opera */
	-ms-animation:index_myfirst2 1s;
}
.index_nember11{
	background-image:url(../images/sale.png);
	background-repeat:no-repeat;
	background-size:contain;
	float:left;
	width:263px;
	height:256px;
	margin-top:-4em;
	margin-left:6%;
	transition:1s;
	animation:index_myfirst2 1s;
	-moz-animation:index_myfirst2 1s; /* Firefox */
	-webkit-animation:index_myfirst2 1s; /* Safari and Chrome */
	-o-animation:index_myfirst2 1s; /* Opera */
	-ms-animation:index_myfirst2 1s;
}
@keyframes index_myfirst2
{
0%    {margin-left:10%; opacity:0;}
100%  {margin-left:6%;opacity:1;}
}
@-webkit-keyframes index_myfirst2
{
0%    {margin-left:10%; opacity:0;}
100%  {margin-left:6%;opacity:1;}
}
@-moz-keyframes index_myfirst2
{
0%    {margin-left:10%; opacity:0;}
100%  {margin-left:6%;opacity:1;}
}
@-o-keyframes index_myfirst2
{
0%    {margin-left:10%; opacity:0;}
100%  {margin-left:6%;opacity:1;}
}
@-ms-keyframes index_myfirst2
{
0%    {margin-left:10%; opacity:0;}
100%  {margin-left:6%;opacity:1;}
}
.index_nember2 {
	font-size:3em;
	color:#fff;
	margin-top:2em;
	margin-left:50%;
	z-index:1000;
	animation: index_flash 1s;
	-moz-animation:index_flash 1s; /* Firefox */
	-webkit-animation:index_flash 1s; /* Safari and Chrome */
	-o-animation:index_flash 1s; /* Opera */
	}
@keyframes index_flash
{
0%    {margin-left:45%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
@-webkit-keyframes index_flash
{
0%    {margin-left:45%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
@-moz-keyframes index_flash
{
0%    {margin-left:45%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
@-o-keyframes index_flash
{
0%    {margin-left:45%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
.index_nember3 {
	font-size:1.5em;
	color:#f9f9f9;
	margin-left:50%;
	width:auto;
	z-index:1000;
	animation: index_flash2 1s;
	-moz-animation:index_flash2 1s; /* Firefox */
	-webkit-animation:index_flash2 1s; /* Safari and Chrome */
	-o-animation:index_flash2 1s; /* Opera */
	}
@keyframes index_flash2
{
0%    {margin-left:55%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
@-webkit-keyframes index_flash2
{
0%    {margin-left:55%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
@-moz-keyframes index_flash2
{
0%    {margin-left:55%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}
@-o-keyframes index_flash2
{
0%    {margin-left:55%; opacity:0;}
100%  {margin-left:50%;opacity:1;}
}

#Index_main{
	width:100%;
	margin:0 auto;
	}
#Index_page_main{
	width:100%;
	margin:0 auto;
	}.Index_main_list{
	width:80%;
	margin:0 auto;
	}
.Index_main_mod{
	width:25%;
	float:left;
	margin-bottom:2em;
	}
.Index_modpic{
	margin:0 auto;
	width:6em;
	height:6em;
	background-position:top;
	background-image:url(../images/icon_1_1.png);
	background-repeat:no-repeat;
	background-size:cover;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	cursor:pointer;
	}
.Index_modpic:hover{
	background-position:bottom;
	}
.Index_title1{
	margin:0.5em 0 0 0;
	width:100%;
	color:#000;
	font-size:1.2em;
	font-family:"微软雅黑";
	text-align:center;

	}
.Index_title2{
	margin:0 0 0.5em 0;
	width:100%;
	color:#dadada;
	font-size:1em;
	font-family:"微软雅黑";
	text-align:center;

	}
.Index_button1{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	margin:0.5em auto;
	color:#fff;
	font-size:1em;
	font-family:"微软雅黑";
	line-height:2em;
	width:6em;
	text-align: center;
	cursor:pointer;
	background-color:#fff;
	border:1px solid;
	border-color:#009a3d;
	color:#009a3d;
	
	transition:0.1s;
	-moz-transition:0.1s;
	-webkit-transition:0.1s;
	-o-transition:0.1s;
	}
.Index_button1:hover{
	background-color:#009a3d;
	color:#fff;
	}

/************************************************************************************
Order.html  场馆预订
************************************************************************************/	
#order_main{
	width:100%;
	margin:0 auto;
	}
.order_main_mod{
	width:80%;
	float:left;
	margin:2em auto auto 5%;
	padding-bottom:2em;
	border-bottom:1px #f3f3f3 dashed;
	}
.modpic6em{
	margin:auto 1em;
	width:5em;
	height:5em;
	float:left;
	
	background-position:top;
	background-image:url(../images/icon_1_1.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	cursor:pointer;
	}
.modpic6em:hover{
	background-position:bottom;
	}
.modpic6emSelected{
	margin:auto 1em;
	width:5em;
	height:5em;
	float:left;
	
	background-position:bottom;
	background-image:url(../images/icon_1_1.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	cursor:pointer;
	}
.AllSports{
	height:100%;
	float:left;
	
	}
.Step1{
	font-family:"微软雅黑";
	text-align:center;
	line-height:1em;
	margin-top:1em;	
	}
.nember6{
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	
	color:#fff;

	float:left;
	width:8em;
	height:8em;
	margin-top:2em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
}
.nember7{
	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	
	color:#fff;

	float:left;
	width:8em;
	height:8em;
	margin-top:2em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
}
.StepTitle{
	text-align:center;
	font-size:1em;
	margin:auto 1em;
	}
.Steptxt{
	text-align:left;
	font-size:1em;
	margin:auto 0em 1em 1em;
	}

/************************************************************************************
Venues.html
*************************************************************************************/
#Venues_ad{
	width:100%;
	margin:0 auto;
	height:220px;
	background:url(../images/140604102421.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
	
	
	box-shadow:0px 1px 20px -5px #000 inset;
	animation: moveup 0.5s;
	-moz-animation: moveup 0.5s;
	-webkit-animation: moveup 0.5s;
	-ms--animation: moveup 0.5s;
	-o-animation: moveup 0.5s;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	}
#Venues_ad:hover{
	background-position:top;}
@keyframes moveup{
	0% { background-position:top;}
	100% { background-position:center;}
	}
@-moz-keyframes moveup{
	0% { background-position:top;}
	100% { background-position:center;}
	}
@-webkit-keyframes moveup{
	0% { background-position:top;}
	100% { background-position:center;}
	}
@-o-keyframes moveup{
	0% { background-position:top;}
	100% { background-position:center;}
	}
@-ms-keyframes moveup{
	0% { background-position:top;}
	100% { background-position:center;}
	}
.Venues_main{ 
	width:85%;
	margin:1em auto;
	position:relative;}

.goBack{
	background-image:url(../images/toleft.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	
	width:3em;
	height:3em;
	}
.topLeft{ width:3em; float:left;}
.topCenter{ width:70%; float:left; margin:auto 2em;}
.topRight{ 
	float:right;
	border-left:1px #f9f9f9 solid;
	padding-left:2em;
	}
.VenuesPageName{ font-size:2em; float:left; margin-right:1em;}
.VenuesAdd{ height:4em; line-height:4em; float:left;}
.MapPointer{
	background-image:url(../images/mappoint.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	float:left;
	width:3em;
	height:3em;
	cursor:pointer;
	margin:auto 1em;
	}
.TelephoneNumber{ margin-left:0.25em;}
.VenuesIcons{
	margin-left:5em;
	margin-top:2em;
	padding-bottom:1em;
	border-bottom:1px #ccc dashed;
	overflow:auto;
	}
.VenuesIcons li{ 
	background-image:url(../images/1.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;
	float:left;
	width:5em;
	height:5em;
	cursor:pointer;
	list-style:none;
	margin-right:0.5em;
	filter:Gray; 
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border:1px #808080 solid;
	}
.VenuesIcons li:hover{ 
	background-color:#1072aa;
	background-image:none;
	text-align:center;
	color:fff;
	line-height:4.25em;
	filter:0; 
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	}
.SpaceSum{
	margin-left:5em;
	margin-top:1em;
	border-bottom:1px #f9f9f9 solid;
	padding-bottom:1em;
	overflow:auto;
	}
.notice{
	width:80%; float:left;
	overflow:auto;
	animation:opendiv 2s;
	-moz-animation:opendiv 2s;
	-o-animation:opendiv 2s;
	-webkit-animation:opendiv 2s;
	-o-animation:opendiv 2s;
	display:none;
	}
.notice p{	background-color:#FFFDF0;}
@keyframes opendiv
{
0%    {display:none;}
100%  {display:block;}
}
@-webkit-keyframes opendiv
{
0%    {display:none;}
100%  {display:block;}
}
@-moz-keyframes opendiv
{
0%    {display:none;}
100%  {display:block;}
}
@-o-keyframes opendiv
{
0%    {display:none;}
100%  {display:block;}
}
	
.fav{ float:right; width:2em; height:3em; margin-top:-5em; margin-right:-1em;}
.SpaceSum nav{
	margin-right:1em;
	float:left;
	line-height:2em;
	}
	
.AllDates{
	margin-left:5em;
	margin-top:1em;
	padding-bottom:1em;
	overflow:auto;
	}
.SelectedDay{
	float:left;
	border:1px #e29300 solid;
	width:auto;
	margin-right:1em;
	}
.SelectedDay:hover{	border:1px #edd900 solid;}
.SelectedDay nav{line-height:1.5em; text-align:center; height:1.5em}
.UnSelectedDay{
	float:left;
	border:1px #009a3d solid;
	width:auto;
	margin-right:1em;
	cursor:pointer;
	}
.UnSelectedDay:hover{border:1px #edd900 solid;}
.UnSelectedDay nav{line-height:1.5em; text-align:center; height:1.5em}
.SelectedYMD {
	height:2em;
	width:100%;
	
	line-height:2em;
	text-align:center;

    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	cursor:pointer;
	}
.SelectedYMD:hover{
	background-color:#edd900;
	color:#fff;
	}
.AllSpace{
	width:72%;
	float:left;
	margin-left:5em;
	margin-top:1em;
	padding-bottom:1em;
	overflow:auto;
	}
.times nav{
	width:4.1%;
	height:1.4em;
	float:left;
	list-style:none;
	margin-bottom:1px;
	overflow:hidden;
	}
.times nav:first-child{width:8%; text-align:center;}
.spaceRow nav{
	width:4.1%;
	height:1.4em;
	float:left;
	list-style:none;
	margin-bottom:1px;
	overflow:hidden;
	}
.spaceRow nav:hover p{margin-top:-3em;}
.spaceRow nav:first-child{width:8%; text-align:center;}
.spaceRow .btn:hover{
	background-color:#edd900;}
.spaceRow .btn:active{
	background-color:#e29300;}
.SelectedSpaces{float:left; margin:0.5em; width:auto;}

.flyToList{ 
	z-index:100009;
	background-color:#fff;
	animation: fly 0.5s; 
	-moz-animation: fly 0.5s; 
	-ms-animation: fly 0.5s; 
	-webkit-animation: fly 0.5s; 
	-o-animation: fly 0.5s; 
	}
@keyframes fly
{
0%    {margin-left:-50em; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
@-webkit-keyframes fly
{
0%    {margin-left:-50em; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
@-moz-keyframes fly
{
0%    {margin-left:-50em; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
@-o-keyframes fly
{
0%    {margin-left:-50em; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}


.SelectedSpaces input{ border-style:none; font-size:1em; font-family:"微软雅黑";}
.SelectedSpaces nav{ line-height:2em}
.SelectedSpaces span{ padding-right:0.5em; }
.modpic2em{
	margin:auto 1em 0.5em auto;
	width:3em;
	height:3em;
	float:left;
	
	background-position:top;
	background-image:url(../images/icon_1_1.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	cursor:pointer;
	}
.modpic2em:hover{
	background-position:bottom;
	}
.VenuesContent{ 	
	width:72%;
	margin-left:5em;
	margin-top:1em;
	padding-bottom:1em;
	line-height:2em;
	}
.otherSport{ 	
	margin-left:5em;
	margin-top:1em;
	padding-bottom:1em;
	line-height:2em;
	}
#loginBox{ width:33%;}
.loginBoxDiv{background-color:#fff;}
.loginBoxDiv img{ height:2em; font-size:1em;}

#xieyi{}
.xieyiDiv{background-color:#fff; height:500px; overflow:auto;}


.loginBox_input_up{
	width:90%;
	height:2.2em;
	color:#808080;
    background:#fff; 
	border: 1px solid #e6e6e6;
    padding:0.2em 1em 0.2em 1em;
    border-top-left-radius:0.4em;
    -webkit-border-top-left-radius:0.4em;
    -moz-border-top-left-radius:0.4em;
	
    border-top-right-radius:0.4em;
    -webkit-border-top-right-radius:0.4em;
    -moz-border-top-right-radius:0.4em;
	font-size:1.2em;
	font-family:"微软雅黑";
	}
.loginBox_input_down{
	width:90%;
	height:2.2em;
	color:#808080;
    background:#fff; 
	border: 1px solid #e6e6e6;
    padding:0.2em 1em 0.2em 1em;
	border-top-style:none;
    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
	
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	font-size:1.2em;
	font-family:"微软雅黑";
	}
.loginBox_form_login_button{
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
    padding:0.2em 1em 0.2em 1em;

	margin:0.5em auto;
	font-size:1.2em;
	font-family:"微软雅黑";
	line-height:2.75em;
	width:90%;
	height:2.5em;
	
	text-align: center;
	cursor:pointer;
	background-color:#009a3d;
	border:1px solid;
	border-color:#009a3d;
	color:#fff;
	
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;	}
.loginBox_form_login_button:hover{
	background: -webkit-gradient(linear, center top, center bottom, from(#1072aa), to(#009a3d));
	background: -moz-linear-gradient(top,  #1072aa,  #009a3d);
	background: linear-gradient(-180deg, #1072aa, #009a3d);
	}
.pointer{ cursor:pointer}

/************************************************************************************
Order_pay.html
*************************************************************************************/
.OrderPaySteps{
	width:80%;
	margin:0 auto;}
.Circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width:8em;
	height:8em;
	color:#fff;
	float:left;
	margin-top:2em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
}
.orderSpaceList{ float:left; width:65%;}
#coinPayBox{ display:none;}
.coinPayBox{
	padding:0.5em 1em;
	overflow:auto;
	}
.paylist{
	margin:1em 1em 0 1em;
	padding:1em 1em 0 1em;
	overflow:auto;
	float:right;
	}
.paylist span{
	margin-left:1em;
	text-align:right;
	}
.paylist p{	text-align:right;}
.paylist p:last-child{
	font-size:1.5em;
	color:#d70c18;
	font-weight:bold;
	}
.paylist span:last-child{
	font-weight:bold;
	font-size:1.2em;
	}
.coinPayWarningBox{
	position: relative;
	padding: 1em;
	margin: 1em;
	color: #000;
	}	
.coinPayWarningBox:after{
	content:"";
	position:absolute;
	bottom:-0.9em;
	left:5em;
	border-width:1em 1em 0; 
	border-style:solid;
	border-color:#edd900 transparent;
    display:block; 
    width:0;	
	}	
.payCoinsInput{
	width:10em;
	line-height:1em;
	height:2em;
	margin:0 1em;
	border-style:none;
	border:1px #ccc solid;
	text-align:center;
	float:left;
	}
.coinPayBox span{
	float:left;
	line-height:2em;
	height:2em;
	margin-right:1em;
	}
.payBtn{ margin:1em 1em 2em auto; float:right;}
.paySelecedBox input{ line-height:2em; height:3em;}
.RegTable label{ cursor:pointer;}
/***等待加载***/
#messageBox {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9;
background-color:#222;
opacity: 0.8;
}
.messageBoxDiv{background-color:#fff; padding-bottom:1em;}
.printInfo{ margin:1em 0 1em 40%}
.printInfo nav:hover{ background-color:#f60;}
.spinner {
  margin: 10em auto 3em auto;
  width: 50px;
  height: 30px;
  text-align: center;
}

.spinner > div {
  margin-top:3em;
  background-color: #000;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
  } 20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
  }
}
	
	
/************************************************************************************
UserCenter.html
*************************************************************************************/
#UserCenter_ad{
	width:100%;
	margin:0 auto;
	min-height:352px;
	background-color:#009a3d;
	float:left;
	box-shadow:0px 1px 20px -5px #000 inset; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}
.UserCenter_nember1{

	border:1.5px solid #fff;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;

	float:left;
	width:13em;
	height:13em;
	margin:6% 2.5%;
	transition:1s;
	animation:UserCenter_myfirst2 1s;
	animation-delay:0s;
	-moz-animation:UserCenter_myfirst2 1s; /* Firefox */
	-webkit-animation:UserCenter_myfirst2 1s; /* Safari and Chrome */
	-o-animation:UserCenter_myfirst2 1s; /* Opera */
}
@keyframes UserCenter_myfirst2
{
0%    {margin-left:-5%; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
@-webkit-keyframes UserCenter_myfirst2
{
0%    {margin-left:-5%; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
@-moz-keyframes UserCenter_myfirst2
{
0%    {margin-left:-5%; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
@-o-keyframes UserCenter_myfirst2
{
0%    {margin-left:-5%; opacity:0;}
100%  {margin-left:2.5%;opacity:1;}
}
.UserCenter_nember2 {
	margin-left:10%;
	font-size:3.5em;
	color:#fff;
	z-index:1000;
	}
.UserCenter_nember3 {
	margin-left:10%;
	margin-top:0em;
	width:auto;
	z-index:1000;
	color:#fff;
	font-size:1.6em;
	}
.UserCenter_nember4 {
	margin-left:10%;
	margin-top:2em;
	width:auto;
	z-index:1000;
	color:#fff;
	}
.UserCenter_AdWords{float:left;	margin-top:6%; margin-left:5%; min-width:50%; overflow:auto; margin-bottom:2em;}
.UserCenter_SumNumber{
	color:#fff;
	font-size:2.5em;
	font-family:"微软雅黑";
	text-align:center;
	line-height:1.5em;
	margin-top:1.5em;	
	}
.UserCenter_SumNumberWord{
	color:#fff;
	text-align:center;
	font-size:1em;
	}
.UserCenter_form_login{
	width:80%;
	height:100%;
	margin:3em auto 15em auto;
	}
.UserCenter_form_login_word{
	margin:1em auto;
	}
.UserCenter_form_login_box{
	width:30%;
	height:7.5em;
	margin:3em auto;
	font-size:0.923em;
	}
.UserCenter_form_input_up{
	width:100%;
	height:2.2em;
	color:#808080;
    background:#fff; 
	border: 1px solid #e6e6e6;
    padding:0.2em 1em 0.2em 1em;
    border-top-left-radius:0.4em;
    -webkit-border-top-left-radius:0.4em;
    -moz-border-top-left-radius:0.4em;
	
    border-top-right-radius:0.4em;
    -webkit-border-top-right-radius:0.4em;
    -moz-border-top-right-radius:0.4em;
	font-size:1.5em;
	font-family:"微软雅黑";
	}
.UserCenter_form_input_down{
	width:100%;
	height:2.2em;
	color:#808080;
    background:#fff; 
	border: 1px solid #e6e6e6;
    padding:0.2em 1em 0.2em 1em;
	border-top-style:none;
    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
	
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	font-size:1.5em;
	font-family:"微软雅黑";
	}
.UserCenter_form_login_button{
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	border-radius:0.4em;
    padding:0.2em 1em 0.2em 1em;

	margin:1em auto;
	font-size:1.4em;
	font-family:"微软雅黑";
	line-height:2.75em;
	width:100%;
	height:2.75em;
	
	text-align: center;
	cursor:pointer;
	background-color:#009a3d;
	border:1px solid;
	border-color:#009a3d;
	color:#fff;
	
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;	}
.UserCenter_form_login_button:hover{
	background: -webkit-gradient(linear, center top, center bottom, from(#1072aa), to(#009a3d));
	background: -moz-linear-gradient(top,  #1072aa,  #009a3d);
	background: linear-gradient(-180deg, #1072aa, #009a3d);
	}
.UserCenter_form_login_button2{
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;
    padding:0.2em 1em 0.2em 1em;

	margin:1em auto;
	font-size:1.4em;
	font-family:"微软雅黑";
	line-height:2.75em;
	width:100%;
	height:2.75em;
	
	text-align: center;
	cursor:pointer;
	background-color:#f9f9f9;
	border:1px solid;
	border-color:#1072aa;
	color:#1072aa;
	
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;	
	}
.UserCenter_form_login_button2:hover{
	background: -webkit-gradient(linear, center top, center bottom, from(#1072aa), to(#009a3d));
	background: -moz-linear-gradient(top,  #1072aa,  #009a3d);
	background: linear-gradient(-180deg, #1072aa, #009a3d);
	color:#fff;
	}
.UserCenter_title4{
	width:100%;
	font-size:2.5em;
	color:#000;
	text-align:center;
	line-height:5em;
	text-height:auto;
	padding-top:0;
	vertical-align:text-bottom;
	
	}
.UserCenter_title5{
	width:100%;
	font-size:1.2em;
	color:#000;
	text-align:center;
	line-height:2em;
	margin-top:-3em;
	}
.otherLogin img{ height:3em;}


/************************************************************************************
UMS TOP
*************************************************************************************/
#join_ad{
	width:100%;
	margin:0 auto;
	min-height:352px;
	background-color:#1072aa;
	float:left;
	box-shadow:0px 1px 20px -5px #000 inset; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}
/************************************************************************************
UMS TOP
*************************************************************************************/
#JD_ad{
	width:100%;
	margin:0 auto 1em auto;
	height:10px;
	background-color:#E4393C;
	float:left;
	box-shadow:0px 2px 10px -3px #000 inset; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}

#ad{
	width:100%;
	margin:0 auto 1em auto;
	height:10px;
	background-color:#009a3d;
	float:left;
	box-shadow:0px 2px 10px -3px #000 inset; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}
/************************************************************************************
CONTENT
*************************************************************************************/
#main{
	width:100%;
	margin:0 auto;
	background-color:#fff;
	}
.ad_content{
	width:80%;
	height:100%;
	margin:0 auto;
	}
.ad_content li{
	float:left;
	list-style:none;
	margin:1em;
	}
.ad_content ul{
	margin-left:20%;
	margin-bottom:3em;
	list-style:none;
	float:left;	
	}
.SumNumber{
	font-family:"微软雅黑";
	text-align:center;
	line-height:1.5em;
	margin-top:1.5em;	
	}
.SumNumberWord{
	color:#009a3d;
	text-align:center;
	font-size:1em;
	margin:auto 1em;
	}
.SumNumberWord2{
	text-align:center;
	font-size:1.2em;
	}
.nember1{

	border:1px solid #009a3d;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;

	float:left;
	width:13em;
	height:13em;
	margin-top:4em;
	margin-left:20%;
	margin-bottom:2em;
	margin-right:-15%;
	transition:1s;
	animation:myfirst2 1s;
	animation-delay:0s;
	-moz-animation:myfirst2 1s; /* Firefox */
	-webkit-animation:myfirst2 1s; /* Safari and Chrome */
	-o-animation:myfirst2 1s; /* Opera */
}
@keyframes myfirst2
{
0%    {margin-left:15%; opacity:0;}
100%  {margin-left:20%;opacity:1;}
}
@-webkit-keyframes myfirst2
{
0%    {margin-left:15%; opacity:0;}
100%  {margin-left:20%;opacity:1;}
}
@-moz-keyframes myfirst2
{
0%    {margin-left:15%; opacity:0;}
100%  {margin-left:20%;opacity:1;}
}
@-o-keyframes myfirst2
{
0%    {margin-left:15%; opacity:0;}
100%  {margin-left:20%;opacity:1;}
}
.nember2{

	background-color:#009a3d;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	
	color:#fff;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
}
.nember3{

	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	
	color:#fff;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
}
.nember40{
	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	color:#1072aa;
	
	border:1px #1072aa solid;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
	background: linear-gradient(-180deg, #fff 65%, #1072aa 35%);
}
.nember20{
	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	color:#1072aa;
	
	border:1px #1072aa solid;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
	background: linear-gradient(-180deg, #fff 80%, #1072aa 20%);
}
.nember60{
	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	color:#FFF;
	
	border:1px #1072aa solid;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
	background: linear-gradient(0deg,#1072aa 60%,  #fff 40%);
}
.nember80{
	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	color:#FFF;
	
	border:1px #1072aa solid;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
	background: linear-gradient(0deg,#1072aa 80%,  #fff 20%);
}
.nember100{
	background-color:#1072aa;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	cursor:pointer;
	color:#FFF;
	
	border:1px #1072aa solid;

	float:left;
	width:8em;
	height:8em;
	margin-bottom:1em;
	transition:0.25s;
	animation:leftmove5em 1s;
	animation-delay:0s;
	-moz-animation:leftmove5em 1s; /* Firefox */
	-webkit-animation:leftmove5em 1s; /* Safari and Chrome */
	-o-animation:leftmove5em 1s; /* Opera */
	background: linear-gradient(0deg,#1072aa 100%,  #fff 0%);
}
.nember2:hover{
	box-shadow:0em 1em 1em -1em #000 ; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}	
.nember3:hover{box-shadow:0em 1em 1em -1em #000 ; }	
.nember20:hover{box-shadow:0em 1em 1em -1em #000 ; }	
.nember40:hover{box-shadow:0em 1em 1em -1em #000 ; }	
.nember60:hover{box-shadow:0em 1em 1em -1em #000 ; }	
.nember80:hover{box-shadow:0em 1em 1em -1em #000 ; }	
.nember100:hover{box-shadow:0em 1em 1em -1em #000 ; }	
@keyframes leftmove5em
{
0%    {margin-left:-5em; opacity:0;}
100%  {margin-left:0em;opacity:1;}
}
@-webkit-keyframes leftmove5em
{
0%    {margin-left:-5em; opacity:0;}
100%  {margin-left:0em;opacity:1;}
}
@-moz-keyframes leftmove5em
{
0%    {margin-left:-5em; opacity:0;}
100%  {margin-left:0em;opacity:1;}
}
@-o-keyframes leftmove5em
{
0%    {margin-left:-5em; opacity:0;}
100%  {margin-left:0em;opacity:1;}
}

.UserInfo{
	width:100%;
	padding:1%;
	margin-top:1em;
	}
.userPic{
	width:6em;
	height:6em;
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	overflow:hidden;
	float:left;
	margin:auto 3%;
	
	color:#fff;
	text-align:center;
	line-height:9em;
	
	transition:0.25s;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor:pointer
	}
	
.userPic:hover{
	background-image:none;
	background-color:#009a3d;
	line-height:5em;
	}
.userPic a{color:#fff;}
.userPic a:hover{color:#fff;}
.userPic a:active{color:#fff;}
.modpic{
	margin:auto 0.25em;
	width:3.5em;
	height:3.5em;
	float:left;
	
	background-position:bottom;
	background-image:url(../images/icon_1_1.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	cursor:pointer;
	}
.modpic:hover{
	background-position:top;
	}
.ChangeRow{ clear:both;}
.welcome{
	height:100%;
	padding-left:3em;
	border-left:1px #009a3d solid;
	float:left;
	
	}
.welcomeTxt{
	font-family:"微软雅黑";
	}
.Buttons{
	float:right; margin-top:1em; margin-right:10%}	
.Button2emGreen{
	background-color:#009a3d;
	font-size:1.5em;
	color:#fff;
	height:1.5em;
	width:1.5em;
	line-height:1.5em;
	text-align:center;
	float:left;
	cursor:pointer;
	
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	
	margin:auto 0.65em auto auto;
	}	
.Button2emGray{
	background-color:#808080;
	font-size:1.5em;
	color:#fff;
	height:1.5em;
	width:1.5em;
	line-height:1.5em;
	text-align:center;
	float:left;
	margin:auto 1em auto 0.5em;
	cursor:pointer;

	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	}	
.Button2emGreen:hover{
	box-shadow:0px 5px 8px -5px #000; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}	
.Button2emGray:hover{
	box-shadow:0px 5px 8px -5px #000; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}	
	
	
.title1{
	margin:1.5em 0 0 0;
	width:100%;
	color:#000;
	font-size:1.2em;
	font-family:"微软雅黑";
	text-align:center;

	}
.title2{
	margin:0 0 0.5em 0;
	width:100%;
	color:#dadada;
	font-size:1em;
	font-family:"微软雅黑";
	text-align:center;

	}
.button1{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	margin:0.5em auto;
	color:#fff;
	font-size:1em;
	font-family:"微软雅黑";
	line-height:2em;
	width:6em;
	text-align: center;
	cursor:pointer;
	background-color:#fff;
	border:1px solid;
	border-color:#009a3d;
	color:#009a3d;
	
	transition:0.1s;
	-moz-transition:0.1s;
	-webkit-transition:0.1s;
	-o-transition:0.1s;
	}
.button1:hover{
	background-color:#009a3d;
	color:#fff;
	}
.blue24{
	color:#d0e4f0;
	font-size:2em;
	font-family:"微软雅黑";
	}
.green24{
	color:#dcf0cc;
	font-size:2em;
	font-family:"微软雅黑";
	}
/* #content {
	background: #fff;
	margin: 30px 0 30px;
	padding: 20px 35px;
	width: auto;
	float: left;
	*/
	/*---- rounded corner -----*/
/*	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*---- box shadow ----*/
/*	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}*/

/************************************************************************************
SIDEBAR
*************************************************************************************/
#sidebar {
	width: 0px;
	float: right;
	margin: 30px 0 30px;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;	
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}

/* flickr widget */
.widget .flickr_badge_image {
	margin-top: 10px;
}
.widget .flickr_badge_image img {
	width: 48px;
	height: 48px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}

/************************************************************************************
FLOW
*************************************************************************************/
#flowt {
	width:100%;
	height:auto;
	margin:3em 0 0 0;
	background-color:#1072aa;
	float:left;
	padding-bottom:5em;
	
	
}
.flowt_box{
	width:60%;
	margin:0 auto;
	}
.title3{
	text-align:center;
	font-size:2.5em;
	line-height:3em;
	font-family:"微软雅黑";
	color:#fff;
	margin-top:50px;
	}
.steps{
	width:33.3333%;
	margin:0 auto;
	float:left;
	}
.modpic2{
	margin-left:33%;
	width:120px;
	height:120px;
	background-position:top;
	background-image:url(../images/step_bg_1.png);
	background-repeat:no-repeat;
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	cursor:pointer;
	float:left;
	}
.stepNumber{
	width:120px;
	margin:0.4em 0 0 0;
	color:#1072aa;
	font-size:4em;
	line-height:1em;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
.blue14{
	width:120px;
	margin:-0.2em auto;
	color:#1072aa;
	font-size:1.2em;
	text-align:center;
	}
/************************************************************************************
FOOTER
*************************************************************************************/
#foot {
	height:120px;
	width:100%;
	background-color:#454545;
	float:left;
}
.footword{
	width:80%;
	margin:0em auto;
	font-size:1em;
	color:#808080;
	text-align:center;
	}

/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
/************************************************************************************
UserReg.html
*************************************************************************************/
.ErrTitle{line-height:4em; height:4em; padding-left:1em;margin-top:1em; float:left;}
.ErrIcon{line-height:4em; margin-top:0.25em; float:left; font-size:4em;}
.RegContent{
	width:80%;
	height:100%;
	margin:0 auto;
	}
.RegTable{
	width:80%;
	margin:1em auto;
	border:1px #F3f3f3 solid;
	background-color:#fefefe;
	overflow:auto;
	
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius: 1em;
	
	box-shadow:0em 1em 1em -1em #000 ; 
	-moz-border-box-shadow:0em 1em 1em -1em #000 ; 
	-webkit-box-shadow:0em 1em 1em -1em #000 ; 
	-o-box-shadow:0em 1em 1em -1em #000 ; 
	
	}
.RegTop{
	margin:2em;
	border-bottom:1px #F3f3f3 dashed;
	padding-bottom:1em;
	}
.RegForm{
	margin:2em;
	padding-bottom:1em;
	}
.RegFormLable{width:15%; float:left; height:3em; line-height:3em; text-align:right; margin:0.5em 1em 0.75em auto; font-weight:bold;}
.W40{ width:40%;}
.changePwd_Input{
	min-width:20%;
	height:2em;
	line-height:2em;
	font-family:"微软雅黑";
	font-size:1.2em;
	margin:0.5em auto;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
	border-style:none;
	border:1px #f6f6f6 solid;
	color:#808080;
	padding-left:1em;
	overflow:auto;
	}

.yzm_Input{
	width:6em;
	height:2em;
	line-height:2em;
	font-family:"微软雅黑";
	font-size:1.2em;
	margin:0.5em auto;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
	border-style:none;
	border:1px #f6f6f6 solid;
	color:#808080;
	padding-left:1em;
	overflow:auto;
	}

.ResetButton3{
	border-style:none;
	background-color:#808080;
	backface-visibility:hidden;
	text-align:right;
	padding:0.75em 1em;
	color:#fff;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	font-family:"微软雅黑";
	margin-top:1em;
	cursor:pointer;
	}
.ResetButton3:hover{
	background-color:#009a3d; 
	}
.ResetButton3:active{
	box-shadow:1px 1px 20px 3px #0F52B7 inset;
	padding:0.45em 0.9em;
	/*
	必需,水平阴影的位置,允许负值;
	必需。垂直阴影的位置。允许负值;
	可选。模糊距离。
	可选。阴影的尺寸。
	可选。阴影的颜色。请参阅 CSS 颜色值。
	可选。将外部阴影 (outset) 改为内部阴影。
	*/
	}
p#vtip {position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color:#FFF; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; z-index: 9999; color:#1072aa;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.input_validation-failed { border: 1px solid #e29300; color:#e29300;}
.input_validation-ok { border: 2px solid #009a3d; color:#009a3d;}

.form_login_button{
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	border-radius:0.3em;

	margin:1em 16.5%;
	font-size:1.4em;
	font-family:"微软雅黑";
	line-height:2.75em;
	width:30%;
	height:2.75em;
	
	text-align: center;
	cursor:pointer;
	background-color:#009a3d;
	border:1px solid;
	border-color:#009a3d;
	color:#fff;
	
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;	}
.form_login_button a{color:#fff;}
.form_login_button:hover{
	background: -webkit-gradient(linear, center top, center bottom, from(#1072aa), to(#009a3d));
	background: -moz-linear-gradient(top,  #1072aa,  #009a3d);
	background: linear-gradient(-180deg, #1072aa, #009a3d);
	}
.RegImageOk nav{ margin:0.25em auto 0.25em 0.5em;}
.RegTitle{ margin-left:0em;}
.RegOkTitle{ margin-left:2em;}
.RegInfo{ padding:1em 3em 2em 3em; font-size:1.2em; line-height:2em;}

/************************************************************************************
UserReg.html
*************************************************************************************/
.RegOk{
	margin:5%;
	border-bottom:1px #F3f3f3 dashed;
	background-image:url(../images/ok.png);
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	padding:3% 20%;
	text-align:left;
	}
.lineheight3em{
	line-height:3em;
	margin-top:2em;}
/************************************************************************************
编辑头像
*************************************************************************************/
    #save_btn{clear:both;float:left;margin-top:20px;}
	#picture_200{
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		}
	#picture_150{
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		}
	#picture_50{
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		}
		
.jcrop-holder
{
	text-align: left;
}

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url('../images/jcrop.gif') top left repeat; 
	/*
	opacity: .5;
	*filter:alpha(opacity=50);
	*/
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker {
	*background-color: gray;
	width: 100%; height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}		
#picture_150{
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	float:left; margin-right:1em;
	}
#picture_100{
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	float:left; margin-right:1em;
	}
#picture_50{
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	float:left;margin-right:1em;
	}
#picture_original{float:left; margin-right:2em;}		
/*************************************************************************************
UMS_Order.html
*************************************************************************************/
.OrderTitle{
	width:90%;
	margin-left:5%;
	margin-top:1em;
	min-height:2em;
	line-height:2em;
	color:#fff;
	padding:0.5em auto;
	border:1px #f9f9f9 solid;
    border-top-left-radius:0.4em;
    -webkit-border-top-left-radius:0.4em;
    -moz-border-top-left-radius:0.4em;
    border-top-right-radius:0.4em;
    -webkit-border-top-right-radius:0.4em;
    -moz-border-top-right-radius:0.4em;
	
	animation:grow2 1s;
	-webkit-animation:grow2 1s;
	-moz-animation:grow2 1s;
	-o-animation:grow2 1s;
	
	cursor:pointer;
	}

.OrderTitle span{ margin:0 1em;}
.OrderNumber{ color:#fff; font-weight:bold;}
.orderList{
	width:90%;
	_height:8em;
	min-height:8em;
	
	overflow:auto;
	
	margin-left:5%;
	margin-bottom:1em;
	padding:0 0 1em 0;
	border:1px #f9f9f9 solid;
    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	
	animation:grow2 1s;
	-webkit-animation:grow2 1s;
	-moz-animation:grow2 1s;
	-o-animation:grow2 1s;
	}
@keyframes grow2
{
0%    { display:none; width:100%; opacity:0;}
100%  {display:block; width:90%;opacity:1;}
}
@-webkit-keyframes grow2
{
0%    { display:none; width:100%; opacity:0;}
100%  {display:block; width:90%;opacity:1;}
}
@-moz-keyframes grow2
{
0%    { display:none; width:100%; opacity:0;}
100%  {display:block; width:90%;opacity:1;}
}
@-o-keyframes grow2
{
0%    { display:none; width:100%; opacity:0;}
100%  {display:block; width:90%;opacity:1;}
}
.orderList_Venues{
	padding:0.5em 1em;
	margin:1em;
	float:left;
	border:1px #f9f9f9 solid;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	cursor:pointer;
	}
.orderList_Venues:hover{
	background-color:#f9f9f9;
	}
@keyframes moveFromL0to5
{
0%    {margin-left:0%; opacity:0;}
100%  {margin-left:5%;opacity:1;}
}
@-webkit-keyframes moveFromL0to5
{
0%    {margin-left:0%; opacity:0;}
100%  {margin-left:5%;opacity:1;}
}
@-moz-keyframes moveFromL0to5
{
0%    {margin-left:0%; opacity:0;}
100%  {margin-left:5%;opacity:1;}
}
@-o-keyframes moveFromL0to5
{
0%    {margin-left:0%; opacity:0;}
100%  {margin-left:5%;opacity:1;}
}

.spaceList{ float:left; width:49%;}
.space {
	float:left;
	margin:1em 0 0 1em;
	padding:1em;
	width:15%;
	height:3em;
	overflow:hidden;
	
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;

	text-align:left;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
	cursor:pointer;
	}
.Vcode:{margin:0; font-size:1em}
.space:hover{ background-color:#88c897;}
.space:hover .Vcode{margin-top:-5.5em; font-size:1.2em;}
.space nav{line-height:1.2em;}
.usedSpace {
	float:left;
	margin:1em 0 0 1em;
	padding:1em;
	width:15%;
	height:3em;
	overflow:hidden;
		
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;

	text-align:left;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
	cursor:pointer;
	}	
.usedSpace .Vcode nav{
	line-height:1.4em;
	font-size:0.8em;
	}

.usedSpace:hover{background-color:#808080; height:3em; margin-bottom:0em;}
.usedSpace:hover .Vcode nav{ color:#f9f9f9;}
.usedSpace:hover .Vcode{margin-top:-5em;}

.overTimeSpace {
	float:left;
	margin:1em 0 0 1em;
	padding:1em;
	width:15%;
	height:3em;
	overflow:hidden;
		
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;

	text-align:left;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
	cursor:pointer;
	}	
.overTimeSpace .OverTime nav{
	line-height:1.4em;
	font-size:0.8em;
	}
.overTimeSpace:hover{background-color:#e29300; height:3em; margin-bottom:0em;}
.overTimeSpace:hover .OverTime nav{ color:#f9f9f9;}
.overTimeSpace:hover .OverTime{margin-top:-5em;}
	
.OrderPay{
	float:right;
	width:auto;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
	margin-right:1.5em;
	}
.OrderPay p{line-height:1em;}
.OrderPay p span:last-child{ margin-left:2em; text-align:right; float:right;}
.OrderPay p:first-child{ margin-top:1.5em;}
.OrderPay p:a nav{ color:#fff;}
.OrderCancle{
	float:left;
	border:1px #f9f9f9 solid;
	width:auto;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
	
	margin:1em 1em auto auto;
	}
.spaceListPayBtn {
	height:2em;
	width:100%;
	
	line-height:2em;
	text-align:center;

    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	cursor:pointer;
	}
.spaceListPayBtn:hover{
	background-color:#edd900;
	color:#fff;
	}
.OrderGetBean{
	float:left;
	border:1px #009a3d solid;
	width:auto;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
	
	margin:1em;
	}
.OrderGetBeanBtn{
	height:2em;
	width:100%;
	
	line-height:2em;
	text-align:center;

    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	}
.OrderCancled{
	height:2em;
	width:100%;
	
	line-height:2em;
	text-align:center;

    border-bottom-left-radius:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    -moz-border-bottom-left-radius:0.4em;
    border-bottom-right-radius:0.4em;
    -webkit-border-bottom-right-radius:0.4em;
    -moz-border-bottom-right-radius:0.4em;
	}
.Venues{
	padding:0.5em 1em;
	margin:1em;
	float:left;
	border:1px #f9f9f9 solid;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	cursor:pointer;
	
	animation:grow 1s;
	-webkit-animation:grow 1s;
	-moz-animation:grow 1s;
	-o-animation:grow 1s;

	}
@keyframes grow
{
0%    { display:none; margin:2em; opacity:0;}
100%  {display:block; margin:1em;opacity:1;}
}
@-webkit-keyframes grow
{
0%    { display:none; margin:2em; opacity:0;}
100%  {display:block; margin:1em;opacity:1;}
}
@-moz-keyframes grow
{
0%    { display:none; margin:2em; opacity:0;}
100%  {display:block; margin:1em;opacity:1;}
}
@-o-keyframes grow
{
0%    { display:none; margin:2em; opacity:0;}
100%  {display:block; margin:1em;opacity:1;}
}

.Venues:hover{
	background-color:#f9f9f9;
	}
.VenuesName{ line-height:2em;}
.VenuesPic{
	width:100%;
	min-width:17em;
	height:8em;
	margin:0.5em 0.25em 0.5em 0;
	background-image:url(../images/11.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	cursor:pointer;
	}
	
/****************************************************************************
UMS_MyLove.html
******************************************************************************/
.MyLoveList{
	width:85%;
	_height:8em;
	min-height:8em;
	
	overflow:auto;
	
	margin-left:5%;
	margin-bottom:2em;
	padding:0 0 1em 0;
	border:1px #fff solid;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	}
.modpicMylove{
	margin:0.2em;
	width:2em;
	height:2em;
	float:left;
	
	background-position:bottom;
	background-image:url(../images/icon_1_1.png);
	background-size:cover;
	background-repeat:no-repeat;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	-o-transition:0.25s;
	cursor:pointer;
	}
.modpicMylove:hover{
	background-position:top;
	}
/****************************************************************************
UMS_Massage.html
******************************************************************************/
.MyMassageList{
	width:80%;
	_height:8em;
	min-height:8em;
	
	
	margin-left:5%;
	margin-bottom:2em;
	padding:0 0 1em 0;
	border:1px #fff solid;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	}
#wrapper{width: 120%; margin: 15px auto;}
/*品牌列表*/
.brand-list{width: 100%; overflow: auto; margin-left: -10px;}
.brand-list .brand-bd{position: relative; margin-left: 10px; margin-top: 5px;}
.brand-list .item{
	position: absolute; 
	width: 208px; 
	background-color:#009a3d;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	color:#fff; 
	cursor:pointer;  
	padding: 18px;
	line-height:1.5em; 
	top:0; left: 40%; 
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	}
.brand-list .item a{ color:#fff;}
.brand-list .hover{box-shadow: 0px 1px 8px rgba(200,200,200,.6); background-color: #fff; border-color: #009a3d; color:#009a3d;}
.brand-list .additem{padding: 0; width: 240px; border: none; }

.brand-list .item h3{font-size: 42px; color: #666; font-family: arial; font-weight: bold; line-height: .8; margin-bottom: 1em;}
.brand-list .item p{margin-bottom: 15px;}
.brand-list .item p:hover{color:#ccc;}
.closeBtn{line-height:1em; margin:auto auto -1em auto; display:none; border:1px #fff solid; width:1em;color:#fff; float:right; height:1em; text-align:center;
	-moz-border-radius:20%; 
	-webkit-border-radius:20%; 
	border-radius:20%; 
	}
.closeBtn:hover{ background-color:#fff; color:#808080;}

/****************************************************************************
UMS_Beans.html
******************************************************************************/
.number_input{
	width:25%;
	height:2em;
	font-size:1.5em;
	font-family:"微软雅黑";
	line-height:1.5em;
	color:#808080;
	background-color:#f6f6f6;
	border:1px #ccc solid;
	float:left;
	padding-left:1em;
	margin:0 auto;
	}
.number_btn{
	border:none;
	font-family:"微软雅黑";
	height:2.5em;
	}		
.number_div{
	width:90%;
	margin-left:5%;
	margin-top:3em;
	margin-bottom:1em;
	}

#number_form{
	margin-left:15%;
	margin-right:2em;
	padding-top:2em;
	}
.MyBeansList{
	width:90%;
	_height:8em;
	min-height:8em;
	
	animation:grow2 1s;
	-moz-animation:grow2 1s;
	-ms-animation:grow2 1s;
	-webkit-animation:grow2 1s;
	-o-animation:grow2 1s;
	
	margin-left:5%;
	margin-top:3em;
	margin-bottom:2em;
	padding:0 0 1em 0;
	border:1px #fff solid;
    border-radius:0.4em;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	}
.MyBeansList nav{width:15%; float:left;}
.MyBeansList nav:first-child{width:25%; float:left;}
.MyBeansList nav:last-child{width:50%; float:left;}
.MyBeansListTitle{
	width:100%;
	}
.MyBeansListTitle nav{
	background-color:#009a3d;
	color:#fff;
	line-height:2em; height:2em;
	margin-right:0.1em;
	text-align:center;
	
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	}
.BeansRow nav{
	line-height:2em; height:2em;
	margin-right:0.1em;
	margin-top:0.1em;
	text-align:center;
    -webkit-border-radius:0.4em;
    -moz-border-radius:0.4em;
    border-radius:0.4em;
	}
/****************************************************************************
UMS_Myself.html
******************************************************************************/
.BaseInfoTitle{ width:90%; margin:2em auto;}
.BaseInfoTitleGreen{
	background-color:#009a3d;
	height:2em;
	line-height:2em;
	width:100%;
	-moz-border-radius:0.2em; 
	-webkit-border-radius:0.2em; 
	border-radius:0.2em;
	text-align:center;
	margin-top:4em;
	}
#modiBtn{ float:right;margin-left:4em;}
.BaseInfo{ width:90%; margin:0em auto; border:1px #f0f0f0 solid; margin-bottom:2em; overflow:auto; padding:1em;}
.BaseInfo li{
	width:95%;
	border-bottom:1px #f0f0f0 dashed;
	line-height:1.5em;
	height:1.5em;
	list-style:none;
	padding-bottom:1em;
	}
.BaseInfo li:last-child{border:none}
.BaseInfo li a{
	color:#1072aa;
	margin-left:4em;
	padding:0.25em 0.5em;
	}
.BaseInfo li a:hover{
	color:#fff;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; 
	}
.BaseInfo li span:first-child{
	margin-right:4em;
	text-align:right;
	margin-left:4em;
	font-weight:bold;
	}
.BaseInfo li span{float:left;}
.BaseInfo li span input{margin-bottom:1em; border-style:none; border:1px #ccc solid;}
.BaseInfo a{
	color:#009a3d;
	text-align:right;
	margin-left:2em;
	font-weight:bold;
	padding:0.25em 0.5em;
	}
.BaseInfo span a{
	color:#1072aa;
	text-align:right;
	margin-left:2em;
	font-weight:bold;
	padding:0.25em 0.5em;
	float:right;
	}
.BaseInfo span a:hover{
	color:#fff;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; 
	}
.BaseInfo a:hover{
	background-color:#1072aa;
	padding:0.25em 0.5em;
	}
.BaseInfo p{
	border-bottom:1px #f0f0f0 dashed;
	}
#modiAdr{margin:0 auto; font-weight:normal;}
.BaseInfo p:last-child{border:none}
.infoTitle{
	margin-right:4em;
	text-align:right;
	margin-left:4em;
	font-weight:bold;
	float:left;
	}
.miaoshu{
	width:30em;
	font-weight:normal;
	float:left;
	margin-bottom:1em;
	}
.BaseInfoGreen{
	color:#009a3d;
	text-align:right;
	margin-left:20%;
	font-weight:bold;
	}
.BaseInfoGray{
	color:#808080;
	text-align:right;
	margin-left:20%;
	font-weight:bold;
	}
.blank8em{
	clear:both;
	height:8em;
	}
.changeDiv{
	background-color:#fff;
	height:auto;
	width:50%;
	display:none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px;
	padding:2em;
	font-family:"微软雅黑";
	font-size:1.2em;
	
	}
.changeDiv li{
	list-style:none;
	float:left;
	margin:3em;
	}
.info_08em{
	font-size:0.8em;
	}
p#vtip {position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color:#FFF; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; z-index: 9999; color:#1072aa;}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }
.input_validation-failed { border: 1px solid #e29300; color:#e29300;}
.input_validation-ok { border: 2px solid #009a3d; color:#009a3d;}

.submitButton3{
	border-style:none;
	background-color:#009a3d;
	backface-visibility:hidden;
	text-align:right;
	padding:0.5em 1em;
	color:#fff;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	font-family:"微软雅黑";
	margin-top:1em;
	cursor:pointer;
	}
.submitButton3:hover{
	background-color:#1072aa;
	}
.submitButton3:active{
	box-shadow:1px 1px 20px 3px #0F52B7 inset;
	padding:0.45em 0.9em;
	/*
	必需,水平阴影的位置,允许负值;
	必需。垂直阴影的位置。允许负值;
	可选。模糊距离。
	可选。阴影的尺寸。
	可选。阴影的颜色。请参阅 CSS 颜色值。
	可选。将外部阴影 (outset) 改为内部阴影。
	*/
	}
.ResetButton3{
	border-style:none;
	background-color:#808080;
	backface-visibility:hidden;
	text-align:right;
	padding:0.5em 1em;
	color:#fff;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	border-radius:5px; 
	font-family:"微软雅黑";
	margin-top:1em;
	cursor:pointer;
	}
.ResetButton3:hover{
	background-color:#1072aa; 
	}
.ResetButton3:active{
	box-shadow:1px 1px 20px 3px #0F52B7 inset;
	padding:0.45em 0.9em;
	/*
	必需,水平阴影的位置,允许负值;
	必需。垂直阴影的位置。允许负值;
	可选。模糊距离。
	可选。阴影的尺寸。
	可选。阴影的颜色。请参阅 CSS 颜色值。
	可选。将外部阴影 (outset) 改为内部阴影。
	*/
	}
/*------------------- 弹窗 -----------------------*/

.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;padding:3px 8px;}

#dialogBg{width:30%;height:auto;background-color:#000000;opacity:.8;filter:alpha(opacity=80);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width:30%;height:auto;margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:50%;left:50%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;}
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.claseDialogBtn{padding:0 auto; margin:0 auto; width:1.2em; height:1.2em; color:#fff; float:right; font-size:1.2em; line-height:1.2em;background-color:#808080;border-radius:2px;-webkit-border-radius:2px;}
.dialog a{color:#808080; }
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
	
/*------------------- /弹窗 -----------------------*/
.2weima{
	position:relative;
	top:3em;
	
	transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	-webkit-transition:1s;
	
	animation:LefttoRight 1s;
	-moz-animation:LefttoRight 1s;
	-ms-animation:LefttoRight 1s;
	-o-animation:LefttoRight 1s;
	-webkit-animation:LefttoRight 1s;
	
	}
#weixin span{text-align:center; margin-left:1em;}
.screenImg{ position:absolute; left:0; top:0; opacity:0; cursor:pointer;	transition:1s;
}
.screenImg:hover{
	left:300px;
	opacity:1;
	}
@keyframes LefttoRight{
	0% { left:0; opacity:0;}
	100% {left:300px; opacity:1;}
	}
@-moz-keyframes LefttoRight{
	0% { left:0; opacity:0;}
	100% {left:300px; opacity:1;}
	}
@-webkit-keyframes LefttoRight{
	0% { left:0; opacity:0;}
	100% {left:300px; opacity:1;}
	}
@-o-keyframes LefttoRight{
	0% { left:0; opacity:0;}
	100% {left:300px; opacity:1;}
	}
@-ms-keyframes LefttoRight{
	0% { left:0; opacity:0;}
	100% {left:300px; opacity:1;}
	}
/****************************************************************************
help.html
******************************************************************************/
.helpMenu{
	top:20%;
	position:fixed;
	right:20%;
	cursor:pointer;
	}
.helpMenu p{
	}
.box{ min-height:200px; width:70%; margin:1em; padding:1em;}
.box img{
	width:90%;
	margin:1.5em auto 1.5em auto;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	border-radius: 0.4em;
	box-shadow:0px 3px 10px -5px #000; 
	/*************
	第1个值：水平阴影的长度，此值可以为负值。
	第2个值：垂直阴影的长度，此值可以为负值。
	第3个值：阴影的模糊值，此值不允许为负值。
	第4个值：水平阴影的外延值，此值可以为负值。
	第5个值：阴影的颜色。
	第6个值：此值为空，默认为外阴影，设置成inset为内阴影。
	**********/
	}
.li_number{ 
	width:1.5em;
	height:1.5em;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border:1px #000 solid;
	text-align:center;
	line-height:1.5em;
	margin-right:1em;
	padding:0.15em;
	float:left;
	}
#footmenu{ display:none;}
.imgCodeDiv{margin-top:-2.5em; margin-left:26%; float:left; position:absolute; z-index:999;}
.imgCodeDiv img{margin-top:-10px; width:110px; height:33px;}
#read{margin-left:15%;}